<template>
    <div class="settings-widget">
        <div class="settings-inner-blk p-0">
            <div class="sell-course-head comman-space">
                <h5>状态说明</h5>
                <div class="d-flex">
                    <div class="item"><div class="status s-nostart">&nbsp;</div><span>未开始</span></div>
                    <div class="item"><div class="status s-doing">&nbsp;</div><span>进行中</span></div>
                    <div class="item"><div class="status s-done">&nbsp;</div><span>已完成</span></div>
                    <div class="item"><div class="status s-commited">&nbsp;</div><span>已批改</span></div>
                </div>
            </div>
        </div>
    </div>
</template>
<style scoped>
.item{
    display: flex;
    align-items: center;
    justify-content: start;
    margin-right: 20px;
}
.status {
    margin-right: 10px;
}
</style>